﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site2.Master" AutoEventWireup="true" CodeBehind="FilmDetail.aspx.cs" Inherits="XMLMovieWebsite.FilmDetail" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="~/Styles/main.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>
<script>
    $(document).ready(function () {
        $("#hide").click(function () {

            $(".col-sm-12").hide();
            $(".TrangXemPhim").show();
        });
    });
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<section id="slider"><!--slider-->
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<!-- Film -->
                     <asp:DataList ID="id_details" runat="server"  RepeatDirection="Horizontal" 
                            Font-Bold="False" Font-Italic="False" Font-Overline="False" 
                            Font-Strikeout="False" Font-Underline="False" RepeatLayout="Flow" >
                  <ItemTemplate>   					
                    <div class="MainFilm" style="display:block">
                    <img src="<%#Eval("imagetrong")%>" width="960px" height="480px"/>
   	  	<div class="CommentFilm">
       
        		<div class="TTFilm"><span class="TitleFilm"><%#Eval("Ten")%></span><br /><div class="scrollbox">
<%#Eval("MoTa")%></div>
				<div style="margin-top:10px; text-align:right; padding-right:20px;">
                		<span class="ButtonXP"><a  id="hide" href="#">Xem Phim</a></span>
                        <span class="ButtonXP"><a href="#">Trailer</a></span>
                        <span class="ButtonXP"><a href="#">Lượt Xem:<%#Eval("LuotXem")%> </a></span>
                </div>
                    
         </div>
				<div class="DetailsFilm">
                    <div class="scrollbox2">
                            <span class="TitleDetails">Năm phát hành</span>: <%#Eval("NamPH")%><br />
                            <span class="TitleDetails">Thời lượng</span>: <%#Eval("ThoiLuong")%><br />
                            <span class="TitleDetails">IMDB</span>: <%#Eval("IMDB")%><br />
                            <span class="TitleDetails">Đánh giá phim</span>: <%#Eval("DanhGia")%><br />
                            <span class="TitleDetails">Đạo diễn</span>: <%#Eval("DaoDien")%><br />
                            <span class="TitleDetails">Diễn viên</span>: <%#Eval("DienVien")%><br />
                            <span class="TitleDetails">Quốc gia</span>: <%#Eval("QuocGia")%><br />
                            <span class="TitleDetails">Thể loại</span>: <%#Eval("Theloai")%><br />
                            <%--<span class="TitleDetails">Upload bởi</span>: Duy.pq1864--%>
					</div>
                </div>      
        </div>
         
        <div class="PicFilm"><img src="<%#Eval("image")%>" width="150" height="204" /></div>
       
    </div>
     </ItemTemplate>
        </asp:DataList>
        
    
    <!--BUTTON FOR MOBILE-->
    <div class="MOBILEBTFILM"><a  href="#">Xem Phim</a></div>
                    <!-- Film -->
				</div>
        <div  class="TrangXemPhim">
        <iframe width="960" height="500" src="https://www.youtube.com/embed/uuZE_IRwLNI" frameborder="0" style="margin:auto" ></iframe>
        </div>
			</div>
		</div>
       
       <div style="margin:auto; width:960px">
       <div  class="fb-comments" id="fb-comments" data-href="<%=Request.Url %>" data-numposts="5" data-mobile="true" data-width="960px"></div>
       </div>
	</section><!--/slider-->
</asp:Content>
